@import "util.scss";//工具类css----兼容性

html,body,#app{
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.container{
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    height: 100%;
    @include flexBox;
    @include flex-direction('column');
        .header{
            height:50px;
            width: 100%;
            background-color: #f66;
            line-height:50px;
            font-size:22px;
            font-weight: bold;
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            text-align: center;
            font-weight: normal;
        }
        #content{
            width: 100%;
            overflow-y: auto;
           @include flex(1);
           &::-webkit-scrollbar {display:none}
        }
        .footer{
            height:50px;
            width: 100%;
            background-color: #eee;
            line-height:50px;
            ul{
                width: 100%;
                height: 100%;
                 @include flexBox;
                li{
                    @include flex(1);
                    @include flex-center;
                    a{
                        color:#ccc;
                        font-size: 24px;
                    }
                    &.active{
                        color:black;
                    }
                }
            }
        }
}
